﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="../Styles/LayoutStyleSheet.css" rel="stylesheet" type="text/css" />
    <link href="../Styles/BoozePortThems.css" rel="stylesheet" type="text/css" />
    <link href="../Styles/Dashboard.css" rel="stylesheet" type="text/css" />
    <script src="../Scripts/jssor.slider.mini.js" type="text/javascript"></script>
    <script src="../Scripts/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {

            var options = {
                $FillMode: 2,                                       //[Optional] The way to fill image in slide, 0 stretch, 1 contain (keep aspect ratio and put all inside slide), 2 cover (keep aspect ratio and cover whole slide), 4 actual size, 5 contain for large image, actual size for small image, default value is 0
                $AutoPlay: true,                                    //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
                $AutoPlayInterval: 5000,                            //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
                $PauseOnHover: 1,                                   //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1

                $ArrowKeyNavigation: true,   			            //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
                $SlideEasing: $JssorEasing$.$EaseOutQuint,          //[Optional] Specifies easing for right to left animation, default value is $JssorEasing$.$EaseOutQuad
                $SlideDuration: 4500,                               //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
                $MinDragOffsetToSlide: 20,                          //[Optional] Minimum drag offset to trigger slide , default value is 20
                $SlideWidth: 300,                                 //[Optional] Width of every slide in pixels, default value is width of 'slides' container
                //$SlideHeight: 300,                                //[Optional] Height of every slide in pixels, default value is height of 'slides' container
                $SlideSpacing: 0, 					                //[Optional] Space between each slide in pixels, default value is 0
                $DisplayPieces: 1,                                  //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
                $ParkingPosition: 0,                                //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
                $UISearchMode: 1,                                   //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
                $PlayOrientation: 1,                                //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
                $DragOrientation: 1,                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)

                $BulletNavigatorOptions: {                          //[Optional] Options to specify and enable navigator or not
                    $Class: $JssorBulletNavigator$,                 //[Required] Class to create navigator instance
                    $ChanceToShow: 3,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
                    $AutoCenter: 1,                                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
                    $Steps: 1,                                      //[Optional] Steps to go for each navigation request, default value is 1
                    $Lanes: 1,                                      //[Optional] Specify lanes to arrange items, default value is 1
                    $SpacingX: 8,                                   //[Optional] Horizontal space between each item in pixel, default value is 0
                    $SpacingY: 8,                                   //[Optional] Vertical space between each item in pixel, default value is 0
                    $Orientation: 1,                                //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
                    $Scale: false                                   //Scales bullets navigator or not while slider scale
                },

                $ArrowNavigatorOptions: {                           //[Optional] Options to specify and enable arrow navigator or not
                    $Class: $JssorArrowNavigator$,                  //[Requried] Class to create arrow navigator instance
                    $ChanceToShow: 1,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
                    $AutoCenter: 2,                                 //[Optional] Auto center arrows in parent container, 0 No, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
                    $Steps: 1                                       //[Optional] Steps to go for each navigation request, default value is 1
                }
            };

            //Make the element 'slider1_container' visible before initialize jssor slider.
            $("#slider1_containerTestimonials").css("display", "block");
            var jssor_slider1 = new $JssorSlider$("slider1_containerTestimonials", options);
            //responsive code begin
            //you can remove responsive code if you don't want the slider scales while window resizes
            function ScaleSlider() {
                var bodyWidth = document.body.clientWidth;
                if (bodyWidth)
                    jssor_slider1.$ScaleWidth(Math.min(bodyWidth, 300));
                else
                    window.setTimeout(ScaleSlider, 30);
            }
            ScaleSlider();

            $(window).bind("load", ScaleSlider);
            $(window).bind("resize", ScaleSlider);
            $(window).bind("orientationchange", ScaleSlider);
            //responsive code end
        });
    </script>
</head>
<body style="font-family: Trebuchet MS; background: rgba(0,0,0,.1)">
    <div id="header">
        <div id="Logo" style="float: left; margin: 8px 0 0 75px;outline:none">
                <a href="../Index.htm" style="outline:none">
                    <img src="../Images/BoozeLogo.jpg" /></a>
            </div>
        <div id="NavMenu" style="float: right">
           <ul id="menu">
                <li><a href="../Index.htm#Home">Home</a></li>
                <li><a href="../Index.htm#Feature">Feature</a></li>
                <li><a href="../Index.htm#About">About</a></li>
                <li><a href="../Index.htm#Team">Team</a></li>
                <li><a href="../Index.htm#Testimonial">Testimonial</a></li>
                <li><a href="../Index.htm#ContactUs">Contact Us</a></li>
                <li><a href="../Index.htm#Adds">Adds</a></li>
            </ul>
        </div>
    </div>
    <div id="Clear" style="clear: inherit">
    </div>
    <div id="DivDashboard" style="margin: auto; width: 1100px">
        <div style="border: 0px solid gary; height: 500px; box-shadow: 0 0 0px rgba(0,0,0,.2);
            border-radius: 0px; padding: 5px; margin-top: 30px">
            <h2>
                Product Dashboard</h2>
            <hr style="box-shadow: 0 0 3px rgba(0,0,0,.2); margin-top: px" />
            <br />
            <div id="DivActivity" style="width: 300px; height: auto; float: left; background: #FFFFFF;
                border-radius: 3px;">
                <h2 style="height: 26px; padding: 5px; text-align: center; background: #32A3CF; font-family: Trebuchet MS;
                    font-size: 18px; color: #fff; border-radius: 3px">
                    ACTIVITY</h2>
                <div style="padding: 5px">
                    <table cellspacing="5">
                        <tr>
                            <td valign="middle">
                                <div class="ActivityTextHover">
                                    <div style="float: left;">
                                        <img src="../Images/Img01.jpg" class="PeopleLiked" />
                                    </div>
                                    <div style="float: left; padding: 0px 5px 5px 5px">
                                        <p style="color: #32A3CF">
                                            Sally Smith</p>
                                        <p style="margin-top: 5px">
                                            Update her profile</p>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle">
                                <div class="ActivityTextHover">
                                    <div style="float: left;">
                                        <img src="../Images/Img02.jpg" class="PeopleLiked" />
                                    </div>
                                    <div style="float: left; padding: 0px 5px 5px 5px">
                                        <p style="color: #32A3CF">
                                            Taylor LeCroy</p>
                                        <p style="margin-top: 5px">
                                            Posted a status update</p>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle">
                                <div class="ActivityTextHover">
                                    <div style="float: left;">
                                        <img src="../Images/Img03.jpg" class="PeopleLiked" />
                                    </div>
                                    <div style="float: left; padding: 0px 5px 5px 5px">
                                        <p style="color: #32A3CF">
                                            Karn</p>
                                        <p style="margin-top: 5px">
                                            Likes Guinness Heritage Beers
                                        </p>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle">
                                <div class="ActivityTextHover">
                                    <div style="float: left;">
                                        <img src="../Images/Img04.jpg" class="PeopleLiked" />
                                    </div>
                                    <div style="float: left; padding: 0px 5px 5px 5px">
                                        <p style="color: #32A3CF">
                                            Jennifer
                                        </p>
                                        <p style="margin-top: 5px">
                                            Posted a status update</p>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle">
                                <div class="ActivityTextHover">
                                    <div style="float: left;">
                                        <img src="../Images/Img05.jpg" class="PeopleLiked" />
                                    </div>
                                    <div style="float: left; padding: 0px 5px 5px 5px">
                                        <p style="color: #32A3CF">
                                            Sachin</p>
                                        <p style="margin-top: 5px">
                                            Updated his profile</p>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle">
                                <div class="ActivityTextHover">
                                    <div style="float: left;">
                                        <img src="../Images/Img06.jpg" class="PeopleLiked" />
                                    </div>
                                    <div style="float: left; padding: 10px 5px 5px 5px">
                                        <p style="color: #32A3CF">
                                            Pitter</p>
                                        <p style="margin-top: 5px">
                                            Posted a status update</p>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle">
                                <div class="ActivityTextHover">
                                    <div style="float: left;">
                                        <img src="../Images/Img07.jpg" class="PeopleLiked" />
                                    </div>
                                    <div style="float: left; padding: 0px 5px 5px 5px">
                                        <p style="color: #32A3CF;">
                                            Jairus</p>
                                        <p style="margin-top: 5px">
                                            Likes Guinness Heritage Beers
                                        </p>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <div id="DivEvents">
                <table>
                    <tr>
                        <td>
                            <div id="DivEventOne" class="TextEffect">
                                <h2 style="height: 26px; padding: 5px; text-align: center; background: #32A3CF; font-family: Trebuchet MS;
                                    font-size: 18px; color: #fff; border-radius: 3px">
                                    EVENTS</h2>
                                <div id="slider1_containerTestimonials" style="display: block; position: relative;
                                    margin: 0 auto; top: 0px; margin-left: 0px; height: 160px; overflow: hidden;">
                                    <!-- Slides Container -->
                                    <div u="slides" style="cursor: move; position: relative; left: 0px; top: 0px;padding:5px; width:295px;
                                        height: 160px; overflow: hidden;">
                                        <div style="width:250px;margin:auto">
                                            <h2 style="text-align: center; color: Orange">
                                                Media Night</h2>
                                            <p style="padding:8px 15px 5px 15px">
                                                Ongoing Sun 9:00 PM to 11:30 PM Inviting all the Media Professionals to have a great
                                                time partying @ Quote Bar
                                            </p>
                                            <div style="margin-top: 5px; margin-left: 10px">
                                                <table cellspacing="5">
                                                    <tr>
                                                        <td>
                                                            <div style="margin-top: -5px">
                                                                <img src="../Images/ImgShareButton/like.png" alt="fdkjkdflsj" style="height: 35px;
                                                                    width: 35px" />
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <span>266</span>
                                                        </td>
                                                        <td>
                                                            <img src="../Images/ImgShareButton/View.png" style="height: 30px; width: 30px" />
                                                        </td>
                                                        <td>
                                                            <span>483</span>
                                                        </td>
                                                        <td>
                                                            <img src="../Images/ImgShareButton/Comment_Icon.png" style="height: 30px; width: 30px" />
                                                        </td>
                                                        <td>
                                                            <span>20</span>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                        <div style="width:250px;margin:auto">
                                            <h2 style="text-align: center; color: Orange">
                                                Ladies Night
                                            </h2>
                                            <p style="padding:8px 15px 5px 15px">
                                            Ongoing Sun 9:00 PM to 11:30 PM Inviting all the Media Professionals to have a great
                                            time partying @ Quote Bar !
                                            </p>
                                            <div style="margin-top: 5px; margin-left: 10px">
                                                <table cellspacing="5">
                                                    <tr>
                                                        <td>
                                                            <div style="margin-top: -5px">
                                                                <img src="../Images/ImgShareButton/like.png" alt="fdkjkdflsj" style="height: 35px;
                                                                    width: 35px" />
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <span>266</span>
                                                        </td>
                                                        <td>
                                                            <img src="../Images/ImgShareButton/View.png" style="height: 30px; width: 30px" />
                                                        </td>
                                                        <td>
                                                            <span>483</span>
                                                        </td>
                                                        <td>
                                                            <img src="../Images/ImgShareButton/Comment_Icon.png" style="height: 30px; width: 30px" />
                                                        </td>
                                                        <td>
                                                            <span>20</span>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div id="DivNotifications" class="TextEffect">
                                <h2 style="height: 26px; padding: 5px; text-align: center; background: #32A3CF; font-family: Trebuchet MS;
                                    font-size: 18px; color: #fff; border-radius: 3px">
                                    NOTIFICIATION</h2>
                                <div style="padding: 10px">
                                    <img src="../Images/NotificationIconOne.png" style="margin: 10px 0px 0px 100px" width="80px"
                                        height="80px" />
                                    <div style="margin: 5px 0px 0px 60px">
                                        You have 3 notifications</div>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
                <table style="margin-top: 40px;">
                    <tr>
                        <td>
                            <div class="TextEffect">
                                <h2 style="height: 26px; padding: 5px; text-align: center; background: #32A3CF; font-family: Trebuchet MS;
                                    font-size: 18px; color: #fff; border-radius: 3px">
                                    CAMPAIGN</h2>
                                <div style="padding: 10px">
                                    Mars Bar says <strong>'Put some play in your day'</strong> in fun new campaign via
                                    Clemenger BBDO, Melbourne
                                </div>
                                <div style="margin-top: 35px; margin-left: 10px">
                                    <table cellspacing="5">
                                        <tr>
                                            <td>
                                                <div style="margin-top: -5px">
                                                    <img src="../Images/ImgShareButton/like.png" alt="fdkjkdflsj" style="height: 35px;
                                                        width: 35px" />
                                                </div>
                                            </td>
                                            <td>
                                                <span>563</span>
                                            </td>
                                            <td>
                                                <img src="../Images/ImgShareButton/View.png" style="height: 30px; width: 30px" />
                                            </td>
                                            <td>
                                                <span>457</span>
                                            </td>
                                            <td>
                                                <img src="../Images/ImgShareButton/Comment_Icon.png" style="height: 30px; width: 30px" />
                                            </td>
                                            <td>
                                                <span>5</span>
                                            </td>
                                        </tr>
                                        <tr>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="TextEffect">
                                <h2 style="height: 26px; padding: 5px; text-align: center; background: #32A3CF; font-family: Trebuchet MS;
                                    font-size: 18px; color: #fff; border-radius: 3px">
                                    PRODUCT</h2>
                                <div style="padding: 10px">
                                    <div style="text-align: center; margin-bottom: 2px;">
                                        <h2 style="color: Orange;">
                                            Heritage Beers Launch</h2>
                                    </div>
                                    Guinness has announced that its European customers will soon be able to enjoy two
                                    new heritage-inspired beers later this month. The two new brews are said to be made
                                    from recipes ...
                                </div>
                                <div style="margin-top: -5px; margin-left: 10px">
                                    <table cellspacing="5">
                                        <tr>
                                            <td>
                                                <div style="margin-top: -5px">
                                                    <img src="../Images/ImgShareButton/like.png" alt="fdkjkdflsj" style="height: 35px;
                                                        width: 35px" />
                                                </div>
                                            </td>
                                            <td>
                                                <span>821</span>
                                            </td>
                                            <td>
                                                <img src="../Images/ImgShareButton/View.png" style="height: 30px; width: 30px" />
                                            </td>
                                            <td>
                                                <span>667</span>
                                            </td>
                                            <td>
                                                <img src="../Images/ImgShareButton/Comment_Icon.png" style="height: 30px; width: 30px" />
                                            </td>
                                            <td>
                                                <span>10</span>
                                            </td>
                                        </tr>
                                        <tr>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div style="clear: both">
        </div>
    </div>
</body>
</html>
